<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flat UI Free</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Loading Bootstrap -->
<link href="../../dist/css/vendor/bootstrap/css/bootstrap.min.css"
	rel="stylesheet">

<!-- Loading Flat UI -->
<link href="../../dist/css/flat-ui.css" rel="stylesheet">

<link rel="shortcut icon" href="../../dist/img/favicon.ico">

<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
      <script src="../../dist/js/vendor/html5shiv.js"></script>
      <script src="../../dist/js/vendor/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	<div class="container">
		<h4>Todo list</h4>
		<div class="row">
			<div class="col-sm-6 col-md-4">
				<div class="todo">
					<div class="todo-search">
						<input class="todo-search-field" type="search" value=""
							placeholder="Search" />
					</div>
					<ul>
						<li class="todo-done">
							<div class="todo-icon fui-user"></div>
							<div class="todo-content">
								<h4 class="todo-name">
									Meet <strong>Adrian</strong> at <strong>6pm</strong>
								</h4>
								Times Square
							</div>
						</li>
						<li>
							<div class="todo-icon fui-list"></div>
							<div class="todo-content">
								<h4 class="todo-name">
									Chat with <strong>V.Kudinov</strong>
								</h4>
								Skype conference an 9 am
							</div>
						</li>
						<li>
							<div class="todo-icon fui-eye"></div>
							<div class="todo-content">
								<h4 class="todo-name">
									Watch <strong>Iron Man</strong>
								</h4>
								1998 Broadway
							</div>
						</li>
						<li>
							<div class="todo-icon fui-time"></div>
							<div class="todo-content">
								<h4 class="todo-name">
									Fix bug on a <strong>Website</strong>
								</h4>
								As soon as possible
							</div>
						</li>
					</ul>
				</div>
				<!-- /.todo -->
			</div>
			<!-- /.col-md-4 -->
		</div>
		<!-- /.row -->
	</div>
	<!-- /.container -->


	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="../../dist/js/vendor/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="../../dist/js/flat-ui.min.js"></script>

	<script src="../assets/js/application.js"></script>

</body>
</html>
